<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <button id="btn">点击抽奖</button>
  <script>
    // 生成随机数
    function rand(m,n){
      return Math.ceil(Math.random() * (n-m+1))+m-1
    }
    const btn = document.querySelector('#btn')
    btn.addEventListener('click',function(){
      // 定时器
      // setTimeout(()=>{
      //   let n = rand(1,100)
      //   if(n<= 30){
      //     alert('恭喜您中奖了！奖品为劳斯莱斯一台！！')
      //   }else{
      //     alert('再接再厉')
      //   }
      // },1000)
      // Promise
      // resolve-解决 函数类型数据 成功回调
      // reject-拒绝 函数类型数据 失败回调
      const p = new Promise((resolve,reject)=>{
        setTimeout(()=>{
        let n = rand(1,100)
        if(n<= 30){
          resolve(n) //成功回调将Promise状态设置为成功
        }else{
          reject(n) //失败回调将Promise状态设置为失败
        }
      },1000)
      })
      // 调用then方法
      p.then((value)=>{
        alert('恭喜您中奖了！奖品为劳斯莱斯一台！！您的中奖号码为：'+value)
      },(reason)=>{
        alert('再接再厉，您的号码为：'+reason)
      })
    })
  </script>
</body>
</html>